<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分区标签练习</title>
</head>
<body>

    <div>头部</div>
    <div>主体
        <div>主体分区1</div>
        <div>主体分区2</div>
        <div>主体分区3</div>
    </div>
    <div>脚部</div>

    <header>头部</header>
    <article>主体
        <div>主体分区1</div>
        <div>主体分区2</div>
        <div>主体分区3</div>
    </article>
    <footer>脚部</footer>

    <span>span1</span>
    <span>span2</span>
    <span>span3</span>
</body>
</html>